<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字 图片 加间距 */
				margin: 10%;
			}
			p{
				font-size: 10px;
				line-height: 20px;
				
			}
		</style>
	</head>
	<body>
		<img src="img/蜡笔小新.png" width="300px" height="200px" alt="小帅" />
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur impedit error alias, amet necessitatibus totam eligendi rem repellat aspernatur architecto a reiciendis asperiores quos officia nobis dicta ipsum sed officiis.
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias autem sed veniam velit ipsum dignissimos debitis, sunt dolorem blanditiis similique dolor praesentium! Quia laborum ut unde ipsam eaque officia tempora!
		</p>
	</body>
</html>